<!DOCTYPE HTML>
<html>
<head>
    <title>主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/b.page.bootstrap3.css" type="text/css">
    <script src="js/jquery.min.js"></script>
</head>
<body>
<!--导航栏-开始-->
<div class="index-banner">
    <!--导航栏-顶部-网站索引-开始-->
    <div class="header-top">
        <div class="wrap">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt=""/></a>
            </div>
            <div class="menu">
                <a href="#" class="right_bt" id="activator"><img src="images/nav_icon.png" alt=""></a>
                <div class="box" id="box">
                    <div class="box_content_center">
                        <div class="menu_box_list">
                            <ul>
                                <li class="active"><a href="/patentQuery/index.html">主页</a></li>
                                <li><a href="/patentQuery/about.html">关于站点</a></li>
                                <!--<li><a href="blog.html">博客</a></li>-->
                                <!--<li><a href="gallery.html">画廊</a></li>-->
                                <li><a href="/patentQuery/contact.html">联系我们</a></li>
                                <li><a href="/patentQuery/userLogin.html">登录</a></li>
                                <li><a href="/patentQuery/userRegister.html">注册</a></li>
                                <li><a href="/patentQuery/login.html">管理员登录</a></li>
                                <!--<li><a href="404.html">404</a></li>-->
                            </ul>
                        </div>
                        <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""></a>
                    </div>
                </div>
                <script type="text/javascript">
                    var $ = jQuery.noConflict();
                    $(function () {
                        $('#activator').click(function () {
                            $('#box').animate({'top': '0px'}, 500);
                        });
                        $('#boxclose').click(function () {
                            $('#box').animate({'top': '-700px'}, 500);
                        });
                    });
                    $(document).ready(function () {

                        //Hide (Collapse) the toggle containers on load
                        $(".toggle_container").hide();

                        //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
                        $(".trigger").click(function () {
                            $(this).toggleClass("active").next().slideToggle("slow");
                            return false; //Prevent the browser jump to the link anchor
                        });

                    });
                </script>
            </div>
            <!--<div class="header__opt">
                <div class="qq-logined">
                    <img src="http://qzapp.qlogo.cn/qzapp/101472517/7CBCCD7FE32101CC191A0F0F1819CEC6/50"
                         onerror="this.src='http://y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=2592000';this.onerror=null;">
                </div>
            </div>-->
            <div id="qq_login_box" class="header__opt" hidden>

                <!-- 未登录 -->
                <span class="mod_top_login">
                    <a class="top_login__link js_logined">
                        <img id="user_avatar" src="" onerror="this.src='/patentQuery/images/anonymity.png';this.onerror=null;"
                            class="top_login__cover js_user_img">
                        <img id="avatar_qq_login" src="//y.gtimg.cn/mediastyle/yqq/img/login_qq.png?max_age=2592000" class="top_login__icon"></a>
                    <!--<a class="top_login__link js_login" data-stat="y_new.top.login" href="javascript:;"
                       style="display: none;">
                        登录
                    </a>

                    <a class="login__link header__link js_login" data-stat="y_new.top.login" href="javascript:;"
                       style="display: none;">登录</a>-->
                </span>
                <!-- 用户信息 -->
                <div class="popup_user" hidden>
                    <!--<div class="popup_user_data">
                        <a href="//y.qq.com/portal/profile.html#stat=y_new.top.pop.user_pic"
                           class="popup_user_data__cover_link" onclick="setStatCookie&amp;&amp;setStatCookie();">
                            <img src="http://thirdqq.qlogo.cn/g?b=sdk&amp;k=eicic4AnAgutR5sLZiaItgbMQ&amp;s=140&amp;t=1517649368"
                                 onerror="this.src=\'//y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=2592000\';this.onerror=null;"
                                 class="popup_user_data__cover js_user_img">

                            <img src="//y.gtimg.cn/mediastyle/yqq/img/login_qq.png?max_age=2592000"
                                 class="popup_user_data__icon">
                        </a>
                        &lt;!&ndash; 自动垂直居中 &ndash;&gt;
                        <div class="popup_user_data__cont">
                            <div class="popup_user_data__name">
                                <a href="//y.qq.com/portal/profile.html#stat=y_new.top.pop.user_nickname"
                                   onclick="setStatCookie&amp;&amp;setStatCookie();" class="">麟</a>
                            </div>
                        </div>
                    </div>-->

                    <!--用户下拉列表弹出-->
                    <div class="popup_user_toolbar">

                        <div class="popup_user_toolbar__item">
                            <div id="qq_logout" class="popup_user_toolbar__tit" hidden>
                                <a class="js_logout">退出QQ登录</a>
                            </div>
                            <div id="user_logout" class="popup_user_toolbar__tit">
                                <a class="js_logout">退出登录</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!--导航栏-顶部-网站索引-结束-->
    <!--导航栏-下方-轮播-开始-->
    <div class="wmuSlider example1">
        <article style="position: absolute; width: 100%; opacity: 0;">
            <div class="banner-wrap">
                <div class="cont span_2_of_3">
                    <h1>找需求<!--<br>发现目标求购客户--></h1><!--搜索买家-->
                    <div class="search_box">
                        <form id="demandForm"><!--有人提供专利，作为代理商找求购信息-->
                            <input id="patentId" type="text" placeholder="请输入专利号" data-validate="required:请输入专利号">
                            <input id="patentName" type="text" placeholder="请输入专利名称" data-validate="required:请输入专利名称">
                            <input type="submit" value="">
                        </form>
                    </div>
                </div>
                <!--<div class="tips">找目标客户，请输入拟出售的专利名称，如：“一种基于红外识别的驾驶安全辅助系统”</div>-->
            </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;">
            <div class="banner-wrap">
                <div class="cont span_2_of_3">
                    <h1>找专利<!--<br>发现可匹配的专利案件--></h1><!--搜索卖家-->
                    <div class="search_box">
                        <form id="supplyForm"><!--有人需要解决问题，想找个能用的专利，作为代理商替他找案子-->
                            <input type="text" placeholder="请输入求购信息，如“求购压缩机相关的未缴费发明专利”" data-validate="required:请输入求购信息">
                            <input type="submit" value="">
                        </form>
                    </div>
                </div>
                <!--<div class="tips">找专利，如：“求购制冷设备相关的未缴费发明专利”，请输入“制冷设备”</div>-->
            </div>
        </article>
    </div>
    <!--导航栏-下方-轮播-结束-->
    <script src="js/jquery.wmuSlider.js"></script>
    <script>
        $('.example1').wmuSlider();
    </script>
</div>
<!--导航栏-结束-->
<!--主板块内容-开始-->
<div class="main">
    <!--顶部内容-开始-->
    <div class="content-top">
        <!--注册栏-开始-->
        <!--<div class="section1" id="register">
            <div class="cont1 span_2_of_about">
                <h3 class="m_1"><a href="register.html">现在免费创建一个帐号</a></h3>
            </div>
            <div class="rsidebar span_1_of_about">
                <a href="register.html">
                    <div class="btn">现在注册</div>
                </a>
            </div>
            <div class="clear"></div>
        </div>-->
        <!--注册栏-结果-->
        <!--查询结果分页显示-开始-->
        <div class="section1">
            <!--时间筛选-->
            <div id="sift" class="hidden">
                <!--按客户要求，隐藏分词-->
                <div id="participle">
                    <b>您可能关注的词：</b>
                    <ul class="list-group" id="participle-content">
                    </ul>
                </div>
                <br>
                <b>时间筛选</b>：
                <input type="date" id="start"> - <input type="date" id="end">
                &nbsp;&nbsp;<input type="checkbox" id="selectAll" checked> 所有

                <label id="patentType">
                    <b>专利类型</b>
                    <select>
                        <!--跟后台约定好-->
                        <option value="0">所有</option>
                        <option value="1">发明</option>
                        <option value="2">实用新型</option>
                        <option value="3">外观设计</option>
                    </select>
                </label>
                <label id="patentStatus">
                    <b>专利状态</b>
                    <select>
                        <!--跟后台约定好-->
                        <option value="0">所有</option>
                        <option value="1">未缴费</option>
                        <option value="2">已下证</option>
                    </select>
                </label>
                <input type="button" id="reSiftBtn" data-type="" class="btn-sm" value="重新筛选">
            </div>
            <!-- HTML代码、服务端内容填充 -->
            <div id="patentQuery"></div>
            <!--<div>
                &lt;!&ndash; 定义表格框架 &ndash;&gt;
                <table id="dataGridTableJson" class="table table-striped table-bordered table-hover table-condensed">
                    <thead>
                    <tr>
                        <th class="selectColumn" >选择</th>
                        <th>专利号</th>
                        <th>专利名称</th>
                        <th>所有人QQ号</th>
                        <th>时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>-->
            <!--分页插件渲染的div-->
            <div id="page" class="hidden"></div>
            <!--显示消息-->
            <div id="message" class="hidden"></div>
        </div>
        <!--查询结果分页显示-结束-->
    </div>
    <!--顶部内容-结束-->

    <!--底部内容-开始-->
    <div class="content-bottom">
        <h2 class="m_2">根据专利类别浏览</h2>
        <div class="wrap">
            <div class="section group">
                <div class="col_1_of_5 span_1_of_5">
                    <ul class="list1">
                        <li><a href="#">人类生活需要</a></li>
                        <li><a href="#">农业</a></li>
                        <li><a href="#">轻工业</a></li>
                        <li><a href="#">医药业</a></li>
                    </ul>
                </div>
                <div class="col_1_of_5 span_1_of_5">
                    <ul class="list1">
                        <li><a href="#">作业</a></li>
                        <li><a href="#">运输</a></li>
                        <li><a href="#">物理</a></li>
                        <li><a href="#">电学</a></li>
                    </ul>
                </div>
                <div class="col_1_of_5 span_1_of_5">
                    <ul class="list1">
                        <li><a href="#">化学</a></li>
                        <li><a href="#">冶金</a></li>
                        <li><a href="#">固定建筑物</a></li>
                    </ul>
                </div>
                <div class="col_1_of_5 span_1_of_5">
                    <ul class="list1">
                        <li><a href="#">纺织</a></li>
                        <li><a href="#">造纸</a></li>
                    </ul>
                </div>
                <div class="col_1_of_5 span_1_of_5">
                    <ul class="list1">
                        <li><a href="#">机械工程</a></li>
                        <li><a href="#">照明</a></li>
                        <li><a href="#">加热</a></li>
                        <li><a href="#">武器</a></li>
                        <li><a href="#">爆破</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!--底部内容-结束-->
</div>
<!--主板块内容-结束-->
<!--页脚-版权信息-开始-->
<div class="footer">
    <div class="wrap">
        <div class="copy">
            <p>Copyright &copy; 2018. 南京启兴知识产权服务有限公司 <a target="_blank" href="http://www.zhiwanqian.com">知万千</a> All
                rights reserved.</p>
            <p>苏ICP备18022959号</p>
            <p>交流QQ群：512654348</p>
            <p style="cursor: pointer"><a onclick="displayContract();">服务条款</a>
                丨 <a onclick="displayDisclaimer();">免责声明</a>
                丨 <a onclick="displayPrivacyPolicy();">隐私权政策</a>
            </p>
        </div>
    </div>
</div>
<!--页脚-版权信息-结束-->
<script src="js/b.page.js"></script>
<script src="js/date.js"></script>
<script src="js/util.js"></script>
<script src="js/search.js"></script>
<script src="js/layer/layer.js"></script>
<script>
// 弹出服务条款
function displayContract() {
    //iframe窗
    layer.open({
        type: 2,
        title: '《「知万千」服务条款》',
        shadeClose: true,
        shade: false,
        maxmin: true, //开启最大化最小化按钮
        area: ['893px', '600px'],
        content: 'contract20180501.html'
    });
}
//  弹出免责声明
function displayDisclaimer() {
    //页面层
    layer.open({
        type: 1,
        title: '《「知万千」免责声明》',
        skin: 'layui-layer-rim', //加上边框
        area: ['420px', '240px'], //宽高
        content: '<div style="font-size: small;margin: 16px; 10px;"><ul>' +
        '<li>　　本网站所提供的信息来源于互联网，仅供参考、测试和学习交流之用，不构成任何其他建议。</li>' +
        '<li>　　本网站不保证信息的准确性、有效性、及时性和完整性。如果您发现本网站上有侵犯您知识产权的相关信息，请与我们取得联系，我们会及时修改或/和删除。</li>' +
        '<li>　　在法律允许的范围内，本网站在此声明，不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。</li>' +
        '</ul></div>'
    });
}
// 弹出隐私权政策
function displayPrivacyPolicy() {
//iframe窗
    layer.open({
        type: 2,
        title: '《「知万千」隐私权政策》',
        shadeClose: true,
        shade: false,
        maxmin: true, // 开启最大化最小化按钮
        area: ['893px', '600px'],
        content: 'privacyPolicy20180501.html'
    });
}
</script>
<script>
 $(function () {
     var $qq_logout = $('#qq_logout');
     var $user_logout = $('#user_logout');
     var $qq_login_box = $('#qq_login_box');

     function setUser(user) {

         if (user!=null) {
             $qq_login_box.show();
             var $user_avatar = $qq_login_box.find('#user_avatar');
             if (user.avatar) { // 用户头像设置
                 if (user.avatar.substring(0,4) === 'http') {// QQ 头像
                     $user_avatar.attr('src', user.avatar);
                 }else {
                     $user_avatar.attr('src','/patentQuery/images/user/' + user.avatar);
                 }
             } else {
                 $user_avatar.attr('src','/patentQuery/images/anonymity.png');
             }
         }
     }

     var userString = sessionStorage.getItem("user");

     if (userString!=null) {
         var user = JSON.parse(userString);
         setUser(user);

         // 登录类型设置
         $qq_logout.hide();
         $('#avatar_qq_login').hide();
         $user_logout.show();

         // 账号登录用户退出
         $user_logout.click(function (e) {
             $.ajax({
                 url:'/patentQuery/user/logout',
                 type: 'POST',
                 dataType: 'json',
                 success: function (returnData) {
                     if (returnData.messageCode === "310") {
                         // 用户已退出
                         sessionStorage.removeItem("user");
                     }
                     $qq_login_box.hide();
                 }
             });
         });
     }
     else {// 这种针对QQ登录的方式

         // 从cookie寻找QQ登录的Token信息，不可行，设置了HTTPOnly，客户端cookie不可见
         // var cookie = document.cookie;
         // if (cookie === "") {
         //     // cookie失效了呗，只能用户主动重新登录
         //     return;
         // }

         // 获取参数 openId
         var openId = getUrlParam("openId");
         if (openId === "") {
             // 从sessionStorage 找找
             openId = sessionStorage.getItem("openId");
         }

         if (openId != null && openId !== "" && openId !== "null") {
             sessionStorage.setItem("openId",openId);
             $.ajax({
                 url:'/patentQuery/user/validateOpenId',
                 type: 'POST',
                 dataType: 'json',
                 data: {
                     openId: openId
                 },
                 success: function (returnData) {
                     if (returnData && returnData.messageCode) {
                         var code = returnData.messageCode;
                         if (code === "311") {
                             // openId不合法
                         } else if(code === "312") {
                             // openId合法
                             if (returnData.data && returnData.data.user) {
                                 var user = returnData.data.user;
                                 sessionStorage.setItem("user", JSON.stringify(user));
                                 setUser(user);

                                 // 登录类型设置
                                 $qq_logout.show();
                                 $('#avatar_qq_login').show();
                                 $user_logout.hide();

                                 // QQ登录账号退出
                                 $qq_logout.click(function (e) {
                                     $.ajax({
                                         url:'/patentQuery/user/logout',
                                         type: 'POST',
                                         dataType: 'json',
                                         success: function (returnData) {
                                             if (returnData.messageCode === "310") {
                                                 // 用户已退出
                                                 sessionStorage.removeItem("user");
                                                 sessionStorage.removeItem("openId");
                                             }
                                             $qq_login_box.hide();

                                             // 回主页，清除openId参数
                                             window.location.href="/patentQuery/";
                                         }
                                     });
                                 });
                             }
                         }
                     }
                 }
             });
         }
     }
 });   
</script>
</body>
</html>